<%@ page language="java" contentType="text/html; charset=UTF-8"
   pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport"
   content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/earlyaccess/jejugothic.css">
<link rel="stylesheet" type="text/css"
   href="http://fonts.googleapis.com/css?family=Roboto:400,300,500,700&amp;subset=latin,latin-ext">
<link rel="stylesheet" type="text/css"
   href="http://fonts.googleapis.com/css?family=Montserrat:400,700">
<link rel="stylesheet" type="text/css"
   href="<c:url value='/resources/assets/libraries/Font-Awesome/css/font-awesome.min.css'/>">
<link rel="stylesheet" type="text/css"
   href="<c:url value='/resources/assets/libraries/bootstrap-select/dist/css/bootstrap-select.min.css'/>">
<link rel="stylesheet" type="text/css"
   href="<c:url value='/resources/assets/libraries/bootstrap-fileinput/css/fileinput.min.css'/>">
<link rel="stylesheet" type="text/css"
   href="<c:url value='/resources/assets/libraries/nvd3/nv.d3.min.css'/>">
<link rel="stylesheet" type="text/css"
   href="<c:url value='/resources/assets/libraries/OwlCarousel/owl-carousel/owl.carousel.css'/>">
<link rel="stylesheet" type="text/css"
   href="<c:url value='/resources/assets/css/realsite.css'/>">

<title>Login | Realsite</title>
</head>

<body>

   <div class="page-wrapper">
      <%@ include file="../include/header.jsp" %>
      <!-- /.header-->

      <div class="main">

         <div class="container">
            <div class="content">
               <div class="col-sm-4 col-sm-offset-4">
                  <h2 class="page-header center">Login Form</h2>

                  <div class="box">
                     <form method="post" action="<c:url value='/user/loginCheck'/>">
                        <div class="form-group">
                           <input type="email" class="form-control" placeholder="E-mail"
                              name="memEmail">
                        </div>
                        <!-- /.form-group -->

                        <div class="form-group">
                           <input type="password" class="form-control"
                              placeholder="Password" name="memPassword">
                        </div>
                        <!-- /.form-group -->
                        <div align="right">
                           <button type="submit" class="btn">Login</button>
                           <button type="submit" class="btn">Facebook Login</button>
                        </div>
                     </form>
                  </div>
                  <!-- /.row -->
               </div>
               <!-- /.col-* -->
            </div>
            <!-- /.content -->
         </div>
         <!-- /.container -->

      </div>
      <!-- /.main -->

      <div id="footer" class="footer">
         <div class="footer-top">
            <div class="container">
               <div class="footer-top-inner">
                  <nav>
                     <ul class="nav nav-pills">
                        <li><a href="agents-detail.html#">Home</a></li>
                        <li><a href="agents-detail.html#">Properties</a></li>
                        <li><a href="agents-detail.html#">Agencies</a></li>
                        <li><a href="agents-detail.html#">Agents</a></li>
                        <li><a href="agents-detail.html#">Pricing</a></li>
                        <li><a href="agents-detail.html#">Blog</a></li>
                        <li><a href="agents-detail.html#">Contact</a></li>
                     </ul>
                  </nav>
               </div>
               <!-- /.footer-top-inner -->
            </div>
            <!-- /.container -->
         </div>
         <!-- /.footer-top -->

         <div class="footer-bottom">
            <div class="container">
               <div class="footer-bottom-inner">
                  <div class="footer-bottom-left">&copy; 2015 Realsite -
                     Material Real Estate Template. All rights reserved.</div>
                  <!-- /.footer-bottom-left -->

                  <div class="footer-bottom-right">
                     Created by <a href="http://byaviators.com">Aviators</a>
                  </div>
                  <!-- /.footer-bottom-right -->
               </div>
               <!-- /.footer-bottom-inner -->
            </div>
            <!-- /.container -->
         </div>
         <!-- /.footer-bottom -->
      </div>
      <!-- /.footer -->


   </div>
   <!-- /.page-wrapper-->

   <script type="text/javascript"
      src="<c:url value='/resources/assets/js/jquery.js'/>"></script>
   <script type="text/javascript"
      src="<c:url value='/resources/assets/libraries/jquery-transit/jquery.transit.js'/>"></script>

   <script type="text/javascript"
      src="<c:url value='/resources/assets/libraries/bootstrap/assets/javascripts/bootstrap/dropdown.js'/>"></script>
   <script type="text/javascript"
      src="<c:url value='/resources/assets/libraries/bootstrap/assets/javascripts/bootstrap/collapse.js'/>"></script>
   <script type="text/javascript"
      src="<c:url value='/resources/assets/libraries/bootstrap-select/dist/js/bootstrap-select.min.js'/>"></script>
   <script type="text/javascript"
      src="<c:url value='/resources/assets/libraries/bootstrap-fileinput/js/fileinput.min.js'/>"></script>

   <script type="text/javascript"
      src="<c:url value='/resources/assets/libraries/autosize/jquery.autosize.js'/>"></script>
   <script type="text/javascript"
      src="<c:url value='/resources/assets/libraries/isotope/dist/isotope.pkgd.min.js'/>"></script>
   <script type="text/javascript"
      src="<c:url value='/resources/assets/libraries/OwlCarousel/owl-carousel/owl.carousel.min.js'/>"></script>
   <script type="text/javascript"
      src="<c:url value='/resources/assets/libraries/jquery.scrollTo/jquery.scrollTo.min.js'/>"></script>

   <script
      src="http://maps.googleapis.com/maps/api/js?libraries=weather,geometry,visualization,places,drawing&amp;sensor=false"
      type="text/javascript"></script>
   <script type="text/javascript"
      src="<c:url value='/resources/assets/libraries/jquery-google-map/infobox.js'/>"></script>
   <script type="text/javascript"
      src="<c:url value='/resources/assets/libraries/jquery-google-map/markerclusterer.js'/>"></script>
   <script type="text/javascript"
      src="<c:url value='/resources/assets/libraries/jquery-google-map/jquery-google-map.js'/>"></script>

   <script type="text/javascript"
      src="<c:url value='/resources/assets/libraries/nvd3/lib/d3.v3.js'/>"></script>
   <script type="text/javascript"
      src="<c:url value='/resources/assets/libraries/nvd3/lib/d3.v3.js'/>"></script>
   <script type="text/javascript"
      src="<c:url value='/resources/assets/libraries/nvd3/nv.d3.min.js'/>"></script>

   <script type="text/javascript"
      src="<c:url value='/resources/assets/js/realsite.js'/>"></script>
   <script type="text/javascript"
      src="<c:url value='/resources/assets/js/charts.js'/>"></script>
   <script type="text/javascript"
      src="<c:url value='/resources/assets/js/map.js'/>"></script>

   <script>
      (function(i, s, o, g, r, a, m) {
         i['GoogleAnalyticsObject'] = r;
         i[r] = i[r] || function() {
            (i[r].q = i[r].q || []).push(arguments)
         }, i[r].l = 1 * new Date();
         a = s.createElement(o), m = s.getElementsByTagName(o)[0];
         a.async = 1;
         a.src = g;
         m.parentNode.insertBefore(a, m)
      })(window, document, 'script',
            '//www.google-analytics.com/analytics.js', 'ga');

      ga('create', 'UA-39841036-7', 'auto');
      ga('send', 'pageview');
   </script>

</body>
</html>